<!DOCTYPE html>
<html >
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>

        // 实现N秒倒计时，初始显示 N (来自props)，每秒递减1，到0时停止倒计时，并显示 “活动开始” 
        // class Countdown extends React.Component { 
        //     constructor(props) { 
        //     super(props);

        //     this.state = { 
        //         // 你的代码 
        //     } 
        // } 
        
        // render() { 
        // // 你的代码 
        // } 
        // }

        // Countdown.propTypes = { 
        //     N: PropTypes.number.isRequired, 
        // }

        // 1、请实现以下场景
        // ● 假设有一个订单详情组件，需要根据外面传入的 orderId 来加载并显示具体的订单信息，
        // 该如何实现？注意，外面传入的 orderId 会变更，需要响应 orderId 的变更来更新订单信息的数据

        // TODO: 使用类组件或函数组件开发一个订单详情组件
        // 1. 该组件有一个属性 orderId，能根据 orderId 的变化更新内容
        // 2. 添加一个按钮能够刷新当前详情状态

        // 可以用的现有的辅助工具：
        // import { fetchOrderDetail } from '@/api';
        // fetchOrderDetail(orderId).then((orderData) => { /* orderData 订单详情数据 */ })
        // import { OrderDescriptions } from '@/components';


        /*
            2、js随机
            // 用 js 实现随机选取 10-100 之间的 10 个数字，存入一个数组，去重后求和（保证这 10 个数字不能出现重复）
            要求：去重不能使用 Set
        */

        function randomSumFn(min, max) {
            function randomFn(min, max) {
                return Math.floor(Math.random() * (max - min) + min)
            }
            let arr = []
            let setArr = []
            let sum = 0
            for(let i=0; i<10; i++) {
                arr.push(randomFn(10,100))
            }
            if(arr.length == 10) {
                setArr = arr.reduce((prev, i) => {
                    // prev.indexOf(i) === -1 && prev.push(i)
                    // !prev.includes(i) && prev.push(i)
                    prev.indexOf(i) > 0 ? null : prev.push(i)
                    return prev
                }, [])
            }

            sum = setArr.reduce((prev, i) => {
                return prev + i
            })
            console.log(arr, "---",arr.length)
            console.log("去重：", setArr, "+++", setArr.length)
            console.log("求和：", sum)

            return sum
        }

        console.log("最后的答案", randomSumFn(10, 100))


    </script>
</body>
</html>